<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>v-bind</title>
    <script src="js/vuejs-2.5.16.js"></script>
</head>
<body>
            <div id="app">

                  原始语法如下：
                <div v-bind:hidden="hiddenValue">v-bind test</div><br>
                 简化写法   :hidden
                <div :hidden="hiddenValue" @click="fun">v-bind test 点我隐藏</div>

            </div>
            <script>
                new Vue({
                    el: "#app",
                    data: {
                        hiddenValue:false //  页面元素不影藏 ， 如果是true表示隐藏页面元素
                    },
                    methods:{
                        fun(){
                            this.hiddenValue=!this.hiddenValue
                        }
                    }
                })
            </script>

</body>
</html>